<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
 <div id="app">
    <!-- v-if  在条件为false的时候 dom上的元素直接删除，但是vue的内容肯定存在  条件为true 在dom上创建元素 -->
    <h1 v-if="isShow">{{message}}</h1>
   <!-- v-if  在条件为false的时候 dom上的元素设置样式不显示，但是vue的内容肯定存在  条件为true 将元素 样式设置为显示 -->
    <h1 v-show="isShow">{{message}}</h1>


   <!-- 如果条件频繁变化用v-show  但是实际当中v-if 使用较多 -->
  </div>


     <script src="js/vue.js"></script>
     <script>
       const app=new Vue({
         el: '#app',
         data: {
           message:'你好vue',
           isShow:true
         }
       })
       const arr=[]
       arr.push()
     </script>
</body>
</html>